/**
 * Created by hoter.zhang on 2017/9/12.
 */
import React, { Component } from 'react'
import {Row, Col, Tabs, Carousel } from 'antd'
import PCNewsBlock from './pc_news_block'

const TabPane = Tabs.TabPane;

export default class PCNewsContainer extends Component {
    render() {
        return (
            <div>
                <Row>
                    <Col span={2}></Col>
                    <Col span={20} className="container">
                        <div className="leftContainer">
                            <div className="carousel">
                                <Carousel dots={true} autoplay={true}>
                                    <div><img src="http://pic-bucket.nosdn.127.net/photo/0001/2017-09-12/CU53E7IP00AP0001NOS.jpg?imageView&thumbnail=600y300"/></div>
                                    <div><img src="http://pic-bucket.nosdn.127.net/photo/0001/2017-09-12/CU4VN5NI00AP0001NOS.jpg?imageView&thumbnail=600y300"/></div>
                                    <div><img src="http://pic-bucket.nosdn.127.net/photo/0001/2017-09-12/CU4TOM8M00AP0001NOS.jpg?imageView&thumbnail=600y300"/></div>
                                    <div><img src="http://pic-bucket.nosdn.127.net/photo/0001/2017-09-12/CU503VSV00AP0001NOS.jpg?imageView&thumbnail=600y300"/></div>
                                </Carousel>
                            </div>
                        </div>
                        <Tabs className="tabs_news">
                            <TabPane tab="新聞" key="1" >
                                <PCNewsBlock type="top" count="22" width="100%" bordered="false"/>
                            </TabPane>
                        </Tabs>
                    </Col>
                    <Col span={2}></Col>
                </Row>
            </div>
        )
    }
}